.header {
    background-color: #f4483e;
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
    .hea-a {
        height: 2rem /* 100/50 */;
        line-height: 2.2rem /* 110/50 */;
        i {
            font-size: .6rem /* 30/50 */;
            color: #fff;
            font-weight: 700;
            margin-left: .4rem /* 20/50 */;
            
        }
    }
}
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}   
//top
.bargain-top {
    height: 1.2rem /* 60/50 */;
    overflow: auto;
    margin-bottom: .2rem /* 10/50 */;
    ul {
        background-color: #fff;
        display: flex;        
        width: 200%;      
        li {
            flex: 1;
            margin: .2rem /* 10/50 */;
            height: .8rem /* 40/50 */;
            text-align: center;
            line-height: .8rem /* 40/50 */;
        }
    }
}

.bargain-down {
    ul {
        padding: .4rem /* 20/50 */;
        overflow: hidden;
        background-color: #fff;
        margin-bottom: .3rem /* 15/50 */;
        
        li {
            position: relative;
            img {
                float: left;
                // display: block;
                width: 5.2rem /* 260/50 */;
                height: 5.2rem /* 260/50 */;
            }
            div {
                margin-left: .2rem /* 10/50 */;
                float: left;
                p:nth-child(1) {
                    color: #000000;
                    font-size: .4rem /* 20/50 */;
                }
                p {
                    max-width: 8rem /* 400/50 */;
                    margin-bottom: .2rem /* 10/50 */;
                    color: red;
                }
                p:nth-child(2) {
                    font-size: .8rem /* 40/50 */;
                    // font-weight: 700;
                    margin: .6rem /* 30/50 */ 0px;
                    span:nth-child(2) {
                        font-size: .36rem /* 18/50 */;
                        color: #666666;
                        text-decoration: line-through;
                        font-weight: 700;
                    }
                }
                p:nth-child(3) {
                    span:nth-child(1) {
                        display: inline-block;
                        width: 3rem /* 150/50 */;
                        height: .5rem /* 25/50 */;
                        border-radius: .2rem /* 10/50 */;
                        border: 1px solid red;
                        text-align: center;
                        font-size: .28rem /* 14/50 */;
                        line-height: .48rem /* 24/50 */;
                        color: #ffffff;
                        font-weight: 700;
                        position: relative;
                        background-color: rgba(226, 19, 19, 0.171);
                        z-index: 1;
                        .spaone {
                            position: absolute;
                            z-index: 1;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        .spn{                            
                            position: absolute;
                            width: 1px;
                            height: 100%;
                            left: 0px;
                            background-color: red;
                            border-radius: .2rem /* 10/50 */;

                        }
                    }
                }
                p:nth-child(4) {
                    width: 4rem /* 200/50 */;
                    height: .8rem /* 40/50 */;
                    border: 1px dashed red;
                    text-align: center;
                    line-height: .8rem /* 40/50 */;
                    margin-top: .4rem /* 20/50 */;
                    margin-bottom: 0px;
                }

            }
            button {
                position: absolute;
                right: 0rem /* 0/50 */;
                bottom:-5rem;
                width: 2rem /* 100/50 */;
                height: 1rem /* 50/50 */;
                color: #fff;
                font-weight: 700;
                border-radius: .2rem /* 10/50 */;
                background-color:rgba(255, 0, 0, 0.746);
            }
        }
    }
}